<template>
  <view class="add-organization">
    <view class="add-organization-box">
      <view
        class="add-organization-item"
        v-for="itm in organizationList"
        :key="itm.id"
      >
        <view class="organization-item-left">
          <img
            src="https://img.alicdn.com/imgextra/i4/1034622205/O1CN016mTh8W1S9wNdzy4g4_!!1034622205.png"
            alt=""
          />
          <view class="organization-item-left-text">组织名称</view>
          <text>(4)</text>
        </view>
        <view class="organization-item-right">
          <i class="iconfont icon-youjiantou1"></i>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";
const organizationList = ref([
  {
    id: 0,
    name: "总经办",
    num: 4,
  },
  {
    id: 1,
    name: "人力资源部",
    num: 3,
  },
  {
    id: 2,
    name: "技术部",
    num: 2,
  },
]);
</script>

<style lang="less">
@import "./index.less";
</style>
